<template>
    <div class="header_box clearfix">
      <div class="logo"><img src="../images/header/logo.png" alt="" width="50"></div>
      <div class="title">{{this.totalityTitle[this.current]}}</div>
    </div>
</template>
<script>
export default {
    name: "HomeHeader",
    props: {
        current: Number
    },
    data () {
      return {
          totalityTitle: {
            "1": "新宝骏RC6\RM5 新技术",
            "2": "车型配置特点",
            "3": "新宝骏RC6车型配置特点",
            "4": "4",
            "5": "5",
            "6": "6",
            "7": "7",
            "8": "8",
            "9": "9",
            "10": "10"
          }
      }
    }
}
</script>
<style lang="stylus" scoped>
  .header_box
    position: absolute
    top: 0
    left: 0
    width: 100%
    height 60px
    box-shadow: 2px 3px 5px #eee
    .logo
      float: left;
      margin-top: 5px;
      margin-left: 30px;
    .title
      float left
      margin-top: 14px
      margin-left: 30px
      font-size: 22px
      line-height: 30px
      color: #00549e
      
</style>